<template>
  <div>
    <banner />
    <div class="container">
      <div class="row">
        <div class="col-md-2 col-sm-12" style="">
          <div class="aboutleft aboutselect">品牌故事</div>
          <ul style="margin-top: 10px; background-color: #dcdddd">
            <li
              class="aboutleft"
              :class="{ aboutselect: id == 0 }"
              @click="change = '0'"
            >
              <div>丰硕简介</div>
            </li>
            <li
              class="aboutleft"
              :class="{ aboutselect: id == 1 }"
              @click="change = 1"
            >
              <div>成长历程</div>
            </li>
            <li
              class="aboutleft"
              :class="{ aboutselect: id == 2 }"
              @click="change = 2"
            >
              <div>企业团队</div>
            </li>
            <li
              class="aboutleft"
              :class="{ aboutselect: id == 3 }"
              @click="change = 3"
            >
              <div>企业文化</div>
            </li>
          </ul>
        </div>
        <div class="col-md-10">
          <div class="content1">
            <div v-html="content[id]"></div>
          </div>
          <!-- <div v-if="id == 1" class="content">2</div>
          <div v-if="id == 2" class="content">3</div>
          <div v-if="id == 3" class="content">4</div> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  layout: 'blog',

  data() {
    return {
      content: [
        ` <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597550962168144.jpg"
                width="258"
                height="60"
                alt="食堂承包"
                title="食堂承包"
              />
            </p>
            <p><br /></p>
            <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597550975527634.jpg"
                data-width="965"
                data-height="307"
                alt="食堂承包"
                title="食堂承包"
              />
            </p>
            <p><br /></p>
            <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597915581748170.jpg"
                data-width="1614"
                data-height="575"
                alt="食堂承包"
                title="食堂承包"
              />
            </p>
            <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597915619276952.jpg"
                data-width="1611"
                data-height="280"
                title="1597915619276952.jpg"
                alt="公司简介2.jpg"
              />
            </p>
            <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597915633383542.jpg"
                data-width="1617"
                data-height="265"
                title="1597915633383542.jpg"
                alt="公司简介3.jpg"
              />
            </p>
            <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597551177722871.jpg"
                data-width="965"
                data-height="142"
                alt="食堂承包"
                title="食堂承包"
              />
            </p>
            <p>
              <span style="font-size: 16px">
                “丰烁”前身为“膳状元膳食”，位于中国·东莞，自2007年以来，一直专注于团膳服务行业开发、运营及管理。累计至今为超百家合作客户、逾百万人提供新鲜卫生、美味健康的高品质膳食服务。服务配套设施齐全，拥有管理智能化的现代化仓储中心、配备完善的食材采购系统、食材安检系统、食材配送系统。不断培养、训就出一批做事责任心强、职业素质高、人品道德好的厨师、营养师等团队。</span
              >
            </p>
            <p><br /></p>
            <p>
              <span style="font-size: 16px"
                >一路走来，兢兢业业、不断探索、稳步发展，赢得同行的尊重、客户的赞赏及社会的好评，现已跻身中国膳食企业前500强。获得华南地区餐饮百强企业“饮食卫生放心企业”等荣誉证书。获得广东省烹调协会颁发的“百佳团膳连锁企业”称号。获得第十六届金厨大赛“金田一品锅-金厨奖”。荣获华南地区“餐饮百强企业”证书。</span
              >
            </p>
            <p><br /></p>
            <p>
              <span style="font-size: 16px"
                >丰烁始终秉承：“营养、卫生、美味、健康、安全”的十字经营理念。自觉服务用心服务，默默做好企业后勤的帮手，为贵司扛起责任保驾护航。</span
              >
            </p>
            <p><br /></p>
            <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597551334707772.jpg"
                data-width="275"
                data-height="65"
                alt="食堂承包"
                title="食堂承包"
              />
            </p>
            <link rel="stylesheet" type="text/css" href="/skin/css/style.css" />
            <div class="page1_list pro_list">
              <ul class="list-paddingleft-2">
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202008/1597904670930144.jpg"
                        alt="营业执照.jpg"
                        title="1597904670930144.jpg"
                        data-width="554"
                        data-height="651"
                    /></a>
                    <p>营业执照</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                    >
                      <img
                        src="http://www.gdmn88.com/upload/202009/1599265735590825.png"
                        alt="23.png"
                        title="1599265735590825.png"
                        data-width="564"
                        data-height="655"
                        width=""
                        height=""
                        border="0"
                        vspace="0"
                        hspace="0"
                    /></a>
                  </div>
                </li>
              </ul>
              <p>食品经营、流通许可证</p>
            </div>
            <div style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597905235836287.jpg"
                data-width="295"
                data-height="70"
                style="display: inline-block"
                alt="食堂承包"
                title="食堂承包"
              />
            </div>
            <div class="page1_list pro_list">
              <ul class="list-paddingleft-2">
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202009/1599038779773477.jpg"
                        alt="1597905797774362.jpg"
                        title="1599038779773477.jpg"
                        data-width="629"
                        data-height="461"
                    /></a>
                    <p>绿色餐饮联盟理事单位</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202009/1599124875726564.png"
                        alt="6.png"
                        title="1599124875726564.png"
                        data-width="637"
                        data-height="468"
                    /></a>
                    <p>饮食卫生放心企业</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202008/1597905293577795.jpg"
                        alt="食堂开发商最佳区域奖.jpg"
                        title="1597905364893322.jpg"
                        data-width="629"
                        data-height="474"
                    /></a>
                    <p>金厨奖</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202009/1599038895492989.jpg"
                        alt="1597905364893322.jpg"
                        title="1599038895492989.jpg"
                        data-width="629"
                        data-height="474"
                    /></a>
                    <p>食堂开发商最佳区域奖</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202008/1597905614526107.jpg"
                        alt="AAA诚信经营企业.jpg"
                        title="1597905614526107.jpg"
                        data-width="626"
                        data-height="467"
                    /></a>
                    <p>AAA诚信经营企业</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202008/1597905332335066.jpg"
                        alt="饮食卫生放心企业.jpg"
                        title="1597905691746867.jpg"
                        data-width="637"
                        data-height="468"
                    /></a>
                    <p>全国百佳连锁企业</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202008/1597905501310661.jpg"
                        alt="理赔服务单位.jpg"
                        title="1597912662585494.jpg"
                        data-width="638"
                        data-height="461"
                    /></a>
                    <p>守合同重信用企业</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202008/1597912734650815.jpg"
                        alt="优秀企业.jpg"
                        title="1597912734650815.jpg"
                        data-width="613"
                        data-height="474"
                    /></a>
                    <p>优秀企业</p>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202008/1597912662585494.jpg"
                        alt="优秀企业.jpg"
                        title="1597912734650815.jpg"
                        data-width="613"
                        data-height="474"
                    /></a>
                    <p>理赔服务单位</p>
                  </div>
                </li>
              </ul>
              <p><br /></p>
            </div>
            <p style="text-align: center">
              <img
                src="http://www.gdmn88.com/upload/202008/1597568172561087.jpg"
                data-width="529"
                data-height="80"
                style="display: inline-block"
                alt="食堂承包"
                title="食堂承包"
              />
            </p>
            <div class="page1_list pro_list">
              <ul class="list-paddingleft-2">
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202009/1599269407305482.png"
                        alt="33.png"
                        title="1599269407305482.png"
                        data-width="546"
                        data-height="966"
                    /></a>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202009/1599269045687618.png"
                        alt="30.png"
                        title="1599269045687618.png"
                        data-width="546"
                        data-height="966"
                    /></a>
                  </div>
                </li>
                <li>
                  <p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p>
                  <div class="img">
                    <a
                      href="#"
                      style="text-align: center"
                      title="广东丰烁膳食管理服务有限公司"
                      ><img
                        src="http://www.gdmn88.com/upload/202009/1599269465504303.png"
                        alt="31.png"
                        title="1599269465504303.png"
                        data-width="546"
                        data-height="966"
                    /></a>
                  </div>
                </li>
              </ul>
            </div>
            <div
              style="
                background-color: rgb(0, 153, 0);
                height: 500px;
                line-height: 3em;
              "
            >
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                誓言：做团膳行业良心企业
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                精神：知难而进
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                理念：食食在在，专注团膳服务
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                愿景：打造团膳服务优质品牌
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                目标：卓越管理，创膳食管理服务优质品牌！
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                方针：诚信经营，使餐饮文化和企业文化相整合！
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                追求：开拓创新，倡导企业饭堂管理专业化！
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                责任：用心服务让您后顾无忧！
              </p>
              <p
                style="
                  font-size: 20px;
                  padding-left: 30px;
                  color: rgb(255, 255, 255);
                "
              >
                心愿：友好合作，互惠互利，共享‘三赢’！
              </p>
            </div>
            <p style="text-align: center"><br /></p>`,
        `<section class="met-editor clearfix">
                    <p style="text-align: center;"><img src="http://www.gdmn88.com/upload/202008/1597903596926019.jpg" data-width="280" data-height="80" alt="食堂承包" title="食堂承包"></p><p><br></p><p style="text-align: center;"><img src="http://www.gdmn88.com/upload/202008/1597916457129966.jpg" data-width="965" data-height="531" alt="食堂承包" title="食堂承包"></p><p style="text-align: center;"><img src="http://www.gdmn88.com/upload/202008/1597904074935342.jpg" style="display: inline-block;" alt="食堂承包" title="食堂承包"><img src="http://www.gdmn88.com/upload/202008/1597904075445389.jpg" style="display: inline-block;" alt="食堂承包" title="食堂承包"><img src="http://www.gdmn88.com/upload/202008/1597904075582664.jpg" style="display: inline-block;" alt="食堂承包" title="食堂承包"><img src="http://www.gdmn88.com/upload/202008/1597904075818057.jpg" style="display: inline-block;" alt="食堂承包" title="食堂承包"><img src="http://www.gdmn88.com/upload/202008/1597904075353650.jpg" style="display: inline-block;" alt="食堂承包" title="食堂承包"></p><p><br></p>            </section>`,
        `<h1>123</h1>`,
        `<section class="met-editor clearfix">
                    <div style="text-align: center;"><p style="text-align:center;"><img src="http://www.gdmn88.com/upload/202007/1594260189890456.jpg" style="" alt="食堂承包" title="食堂承包"></p></div><link rel="stylesheet" type="text/css" href="/skin/css/style4.css"><div class="page1b_list pro_list"><ul class=" list-paddingleft-2"><li><p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p><div class="img"><a href="#" style="text-align:center;" title="广东丰烁膳食管理服务有限公司"><img src="http://www.gdmn88.com/upload/202007/1594260189135377.jpg" alt="广东丰烁膳食管理服务有限公司" title="广东丰烁膳食管理服务有限公司"></a></div></li><li><p><a href="#" title="广东丰烁膳食管理服务有限公司"></a></p><div class="img"><a href="#" style="text-align:center;" title="广东丰烁膳食管理服务有限公司"><img src="http://www.gdmn88.com/upload/202007/1594260189622239.jpg" alt="广东丰烁膳食管理服务有限公司" title="广东丰烁膳食管理服务有限公司"></a></div></li></ul></div><link rel="stylesheet" type="text/css" href="/skin/css/style.css"><div class="wrap"><div class="about_list"><div class="item"><div class="img" style="text-align:center;"><img src="http://www.gdmn88.com/upload/202006/1592054654718716.jpg" alt="食堂承包" title="食堂承包"></div><div class="text"><div class="box"><h3 style="color:#059250">我们的愿景：创团膳行业优质品牌。</h3><p>丰烁人食食在在，始终以团膳事业为发展方向，把追求卓越为发展追求，立足珠三角市场，实现辐射全国的目标，坚持以客户实际需求为服务导向，专注团膳服务，不断追求创新发展膳食事业。</p></div></div><div class="clear"></div></div><div class="item"><div class="img" style="text-align:center;"><img src="http://www.gdmn88.com/upload/202006/1591864302710626.jpg" alt="食堂承包" title="食堂承包"></div><div class="text"><div class="box"><h3 style="color:#c780aa">我们的使命：追求卓越，引领健康。</h3><p>丰烁膳食自创立起，始终肩负着引领膳食行业食品安全健康的使命。不仅自己要做到食品健康安全，还要树立团膳行业的榜样，引领同行企业一起为团膳事业健康发展。丰烁将通过自身的努力，将企业做大做强，创造更卓越的品牌，为更多人提供安全健康的团膳服务。</p></div></div><div class="clear"></div></div><div class="item"><div class="img" style="text-align:center;"><img src="http://www.gdmn88.com/upload/202006/1591864343129525.jpg" alt="食堂承包" title="食堂承包"></div><div class="text"><div class="box"><h3 style="color:#059250">核心价值观：团结创新，坚持标准。</h3><p>团结创新：全体员工上下一致，与时俱进，不断创新，只为顾客提供更优质的膳食服务。<br>坚持标准：丰烁人致力于打造优质的膳食品牌，坚持安全、健康与美味标准，永不言败。</p></div></div><div class="clear"></div></div><div class="item"><div class="img" style="text-align:center;"><img src="http://www.gdmn88.com/upload/202006/1592054421121822.jpg" alt="食堂承包" title="食堂承包"></div><div class="text"><div class="box"><h3 style="color:#c780aa">企业精神：坚韧不拔，厚积薄发。</h3><p>我们始终相信，唯有在市场中坚持正确的理念，坚韧不拔一心一意求发展，最后定能凭借积累下来的点滴爆发出品牌最大的影响力。丰烁人这种坚韧不拔、厚积薄发的精神正引领着丰烁走向一个更美好的未来。<br></p></div></div><div class="clear"></div></div></div></div>            </section>`,
      ],
      change: null,
    }
  },
  asyncData({
    isDev,
    route,
    store,
    env,
    params,
    query,
    req,
    res,
    redirect,
    error,
  }) {},
  // async created() {
  //   console.log('axios', this.$axios)
  //   let result = await this.$axios({
  //     url: 'http://127.0.0.1:7001/getdata',
  //   })
  //   console.log()
  // },
  computed: {
    id: {
      get() {
        return this.change || this.$route.query.id || 0 // 123
      },
    },
  },
}
</script>

<style>
.aboutleft {
  padding: 0 30px;
  font-size: 18px;
  height: 45px;
  line-height: 40px;
}
.aboutselect {
  background-color: #66bd29;
  color: #fff;
}
ul .aboutleft div {
  height: 40px;
  border-bottom: 1px solid #fff;
}
.content1 {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.content1 img {
  width: 100%;
}
</style>
